import { defineComponent } from 'vue';
import GLayout from '/@/shared/components/g-layout/index.vue';
import { SmileOutlined, DownOutlined } from '@ant-design/icons-vue';
export default defineComponent({
  components: { GLayout, SmileOutlined, DownOutlined },
  data() {
    return {
      columns: [] as any,
      data: [] as any,
    };
  },
  mounted() {
    this.init();
  },
  methods: {
    init() {
      this.columns = [
        {
          name: 'Name',
          dataIndex: 'name',
          key: 'name',
        },
        {
          title: 'Age',
          dataIndex: 'age',
          key: 'age',
        },
        {
          title: 'Address',
          dataIndex: 'address',
          key: 'address',
        },
        {
          title: 'Tags',
          key: 'tags',
          dataIndex: 'tags',
        },
        {
          title: 'Action',
          key: 'action',
        },
      ];
      this.data = [
        {
          key: '1',
          name: 'John Brown',
          age: 32,
          address: 'New York No. 1 Lake Park',
          tags: ['nice', 'developer'],
        },
        {
          key: '2',
          name: 'Jim Green',
          age: 42,
          address: 'London No. 1 Lake Park',
          tags: ['loser'],
        },
        {
          key: '3',
          name: 'Joe Black',
          age: 32,
          address: 'Sidney No. 1 Lake Park',
          tags: ['cool', 'teacher'],
        },
      ];
    },
  },
});
